<template>
    <div id="goodsDetail">
        <!--商品详情-->
        <div class="pdt-active-detail" id="activeDetail">
            <div class="pdt-prize-shop-msg-wrap-wrap">
                <div class="positionR">
                    <img v-if="!pageDefault.headerImg" class="pdt-prize-active-data" v-lazy="staticImageUrl('images/shop_description.png')" alt="" />
                    <img v-else class="pdt-prize-active-data" v-lazy="staticImageUrl('images/shop_description.png')" alt="" />
                    <span class="pdt-title">{{pageDefault.title}}</span>
                </div>
                <div class="pad-text">
                    <p class="pad-shop-title">标题：{{pageDefault.itemInfo.title}}</p>
                    <p class="pad-discription">简介：{{pageDefault.itemInfo.itemDesc}}</p>
                </div>
                <div class="pdt-prize-shop-msg-wrap" v-for="imgUrl in pageDefault.detailImgs">
                    <img class="pdt-prize-active-data" :src="systemImgServerCommon(imgUrl)" alt="" />
                </div>
            </div>
        </div>
    </div>
</template>
<script>

    export default {
        name: 'goodsDetail',
        props: {
            goodsDetailPageMsg:{
                type:Object
            },
            // 'actInfo',
            // 'itemInfo'
        },
        data() {
            return {
                pageDefault:{
                    title:'商品详情',
                    headerImg:'',
                    itemInfo:{
                        title:"标题",
                        itemDesc:"简介",
                    },
                    detailImgs:[]
                }
            }
        },
        mounted() {
            Object.assign(this.pageDefault,this.goodsDetailPageMsg);
        }
    }

</script>
<style scoped lang="scss">
    @import url($css_root + 'css/components/activeDescription.css');
    @import url($css_root + 'css/components/activeDetail.css');
    .pad-text{
        background-color: rgba(255, 249, 248, 0.7);
    }
    .pad-discription{
        padding-bottom: .2rem;
    }
    .pdt-prize-shop-msg-wrap{
        padding-top: 0;
    }
</style>